<template>
    <div class="banner">
      <el-carousel trigger="click" autoplay :interval="4000">
        <el-carousel-item v-for="(item,index) in bannerList" :key="index">
          <img class="banner-img" :src="item.url" alt="">
        </el-carousel-item>
      </el-carousel>
    </div>
  </template>
  
  <script>
  export default {
    name: "HomeBanner",
    data() {
      return {
        bannerList: [
          {
            url: 'https://proc58103-pic18.websiteonline.cn/upload/228g.jpg'
          },
          {
            url: 'https://proc58103-pic18.websiteonline.cn/upload/20180928060203.jpg'
          },
          {
            url: 'https://proc58103-pic18.websiteonline.cn/upload/gbm6.jpg'
          }
        ]
      };
    },
    methods: {
    },
  };
  </script>
  
  <style lang="scss" scoped>
  .banner-img {
    width: 100%;
  }
  :deep(.el-carousel__container) {
    height: 550px;
  }
  </style>
  